<!-- menu -->
<div data-role="page" id="IDVpopupMenu"  class="ui-corner-all">
    <script>
        
        $("#IDVpopupMenu").bind("pagebeforeshow", function(){      
            $("#IDVchosenColor").css('backgroundColor', sessionStorage.curColor);           
        });
        
    </script>
    <div data-role="header" data-theme="d" class="ui-corner-top">
        <h1>Menu</h1>
    </div>
    <div data-role="content" data-theme="d" style="padding:15px;">
        <ul data-role="listview" data-inset="true" data-theme="a">
            <li><a data-rel="dialog" id="IDVundo" class="ui-corner-all">Undo</a></li>
            <li><a data-rel="dialog" id="IDVclear" class="ui-corner-all">Clear</a></li>
            <li>

                <!-- palette -->
                <div >
                    <h2>Pick a color:</h2>

                    <div id="IDVchosenColor" style="background-color: #FF93F7"></div>
                    <div class="paletteTable">
                        <div>
                            <span class="paletteColor" style="background-color: #FF93F7">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #FF00D4">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #AA00FF">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #8000FF">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #00009F">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #0000FF">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #359DFF">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #00FFFF">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #00FF90">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #00802F">&nbsp;</span>
                            
                            <span class="paletteColor" style="background-color: #00FF00">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #B6FF00">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #FFFF00">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #FF8000">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #FF541C">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #FF0000">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #7F3733">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #FFFFFF">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #808080">&nbsp;</span>
                            <span class="paletteColor" style="background-color: #000000">&nbsp;</span>
                        </div>
                    </div>
                </div>
                <!-- palette -->


            </li>
        </ul>
    </div>
</div>
<!-- menu -->